<template>
    <u-popup bgColor="transparent" :show="show" @close="show = false" mode="center" round="12"
        :safeAreaInsetBottom="false">
        <view class=" translate-y-[-15%]">
            <view class="bg-white text-[#3D3D3D] w-[90vw] pb-[78rpx] pt-[128rpx] text-[34rpx] rounded text-center">
                <view class="text-[#000000] text-[38rpx] ">注册熊猫校友会</view>
                <view class="text-[#000000] text-[38rpx] ">获取更多权益</view>

                <view class="mt-[96rpx] flex justify-center">
                    <view @click="navigateTo('/pages/login/login')"
                        class="w-[208rpx] rounded font-medium text-[30rpx] px-1 bg-[#FD755D] text-white h-[88rpx] flex justify-center items-center">
                        注册</view>
                </view>
            </view>
            <view class=" w-[90vw] text-center flex justify-center mt-[107rpx] ">
                <u-icon @click="offNlogin" name="close-circle-fill" color="#FFF" size="28"></u-icon>
            </view>
        </view>
    </u-popup>
</template>
<script setup>
import { ref,defineProps } from 'vue'
const emit = defineEmits(['offNlogin']);
const props = defineProps({
    show: Boolean,
    default: false
});
const offNlogin = () => {
    emit('offNlogin')
}
const navigateTo = (url) => {
  uni.navigateTo({
    url
  })
}
</script>